Wordcloud Icon

1. Introduction

Contact cards with QR codes for team directories and speaker bios

Key features:

  • Standard vCard 3.0 format support

  • 6 design templates from classic to modern

  • Light/dark theme toggle

  • Automatic QR code generation

  • Clean, scannable layout with role and organization

🔝

2. Default Example

Basic contact card with essential information:

[docops,vcard]
----
BEGIN:VCARD
VERSION:3.0
FN:Sarah Chen
N:Chen;Sarah;;;
ORG:Acme Corporation
TITLE:Product Manager
TEL;TYPE=WORK:+1-555-0123
EMAIL:sarah.chen@acme.com
URL:https://linkedin.com/in/sarachen
END:VCARD
----
DocOps.ioMIT Licensehttps://docops.io2026-02-11 {"headers":[],"rows":[]} Generated by DocOps.io - Licensed under MIT LicenseSARAH CHENPRODUCT MANAGERsarah.chen@acme.com+1-555-0123ACME CORPORATIONSCAN

🔝

3. Focused Examples

3.1. Creative Agency Style

Playful, agency-style layout with bold accents:

[docops,vcard]
----
design=tech_pattern_background
theme=light
---
BEGIN:VCARD
VERSION:3.0
FN:Alex Rivera
N:Rivera;Alex;;;
ORG:Design Studio
TITLE:Creative Director
TEL;TYPE=WORK:+1-555-0456
TEL;TYPE=CELL:+1-555-0457
EMAIL:alex@designstudio.com
URL:https://designstudio.com/alex
NOTE:Specializing in brand identity and digital experiences
END:VCARD
----
DocOps.ioMIT Licensehttps://docops.io2026-02-11 {"headers":[],"rows":[]} Generated by DocOps.io - Licensed under MIT LicenseALEXRIVERACREATIVE DIRECTORalex@designstudio.com+1-555-0456Design StudioSCANLET'S BUILDEngineering excellence throughinnovative solutions and collaborative design.Click to flip back

Data Source

Loading CSV data...

🔝

3.2. Tech Pattern (Dark Mode)

Tech motif background with high contrast:

[docops,vcard,useDark=true]
----
design=neo_brutalist
theme=dark
---
BEGIN:VCARD
VERSION:3.0
FN:Dr. Emily Zhang
N:Zhang;Emily;;Dr.;PhD
ORG:Research Institute
TITLE:Principal Research Scientist
TEL;TYPE=WORK:+1-555-0789
EMAIL:ezhang@research.edu
URL:https://research.edu/~ezhang
NOTE:Machine Learning & Computer Vision
END:VCARD
----
DocOps.ioMIT Licensehttps://docops.io2026-02-11 {"headers":[],"rows":[]} Generated by DocOps.io - Licensed under MIT LicenseEMILY ZHANGPRINCIPAL RESEARCH SCIENTISTezhang@research.edu+1-555-0789RESEARCH INSTITUTESCAN

🔝

3.3. Creative Agency Style

Playful, agency-style layout with bold accents:

[docops,vcard]
----
design=modern_card
theme=light
---
BEGIN:VCARD
VERSION:3.0
FN:Alex Rivera
N:Rivera;Alex;;;
ORG:Design Studio
TITLE:Creative Director
TEL;TYPE=WORK:+1-555-0456
TEL;TYPE=CELL:+1-555-0457
EMAIL:alex@designstudio.com
URL:https://designstudio.com/alex
NOTE:Specializing in brand identity and digital experiences
END:VCARD
----
DocOps.ioMIT Licensehttps://docops.io2026-02-11 {"headers":[],"rows":[]} Generated by DocOps.io - Licensed under MIT LicenseAlex RiveraCreative DirectorWork Phone+1-555-0456Emailalex@designstudio.comWebsitedesignstudio.com/alexScan to save(click to enlarge)Specializing in brand identity anddigital experiences

4. Common Use Cases

  • Team directories - Internal contact cards for org charts

  • Speaker bios - Conference or webinar presenter profiles

  • Handoff documents - Project transfer with key contact info

  • Client portals - Customer-facing account manager cards

  • Documentation wikis - Technical writer or SME contact references

🔝

5. Format Options

5.1. Basic Structure

[docops,vcard]
----
BEGIN:VCARD
VERSION:3.0
FN:Full Name
N:LastName;FirstName;;;
ORG:Company Name
TITLE:Job Title
TEL;TYPE=WORK:+1-555-0000
EMAIL:email@example.com
URL:https://profile-url.com
NOTE:Optional additional info
END:VCARD
----

5.2. With Design Template

[docops,vcard]
----
design=modern_card
theme=dark
---
BEGIN:VCARD
VERSION:3.0
FN:Name
...
END:VCARD
----
Option Purpose

design

Template name (see Design Templates below)

theme

"light" (default) or "dark"

scale

Size multiplier (default: 1.0)

🔝

6. Design Templates

Template Style

tech_pattern_background

Tech motif, pairs with dark theme

neo_brutalist

Modern, bold design with strong borders

modern_card

Contemporary with generous spacing (default)

🔝

7. VCard Fields

Required fields:

BEGIN:VCARD
VERSION:3.0
FN:Full Name           (Display name)
N:Last;First;;;        (Structured name)
END:VCARD

Common optional fields:

ORG:Company Name       (Organization)
TITLE:Job Title        (Role/position)
TEL;TYPE=WORK:+1-555-0000  (Work phone)
TEL;TYPE=CELL:+1-555-0001  (Mobile)
EMAIL:email@company.com    (Email address)
URL:https://profile.com    (Website/LinkedIn)
NOTE:Additional context     (Notes)

🔝

8. Best Practices

  • Use FN and N together - FN for display, N for sorting/parsing

  • Keep TITLE concise - "Principal Engineer" not "Principal Engineer — Platform Reliability Team Lead"

  • Include at least one contact method - Email or phone minimum

  • Add URL for profiles - LinkedIn, GitHub, or personal site

  • Use NOTE sparingly - Brief specialization or context only

  • Store in data files - Reusable across multiple doc pages

For team directories: Use design=modern_card with consistent theme across all cards. Store each person’s vCard in data/vcard/firstname-lastname.txt and include by reference. The QR code encodes the full vCard so mobile users can save contacts instantly.

🔝